<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../js/jquery-1.11.0.js" ></script>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
		<link rel="stylesheet" href="../css/swiper-3.3.1.min.css" />
		<link rel="stylesheet" href="../css/watch_games.css" />
		<link rel="stylesheet" href="../css/common-header.css" />
		<link rel="stylesheet" href="../css/common_foot.css" />
		<link rel="stylesheet" href="../iconfont/iconfont.css" />
		
		<!--<script language="javascript"> location.replace("http://lives.sina.cn/live/live?live_mg=sports&livetype=nba&match_id=2016042714&vt=4") </script>-->
	</head>
	<body>
		
			<!--  刷新加载   旋转-->
				<div id="foo"></div>
		<!-- 头部header -->
			<div class="header">
				<script type="text/javascript">
					$(".header").load("common-header.html");
				</script>
			</div>
		<!-- video  -->	
			<div class="video">
				<p class="hint">比赛尚未开始,请耐心等待</p>
				<div class="button">
					<p>提醒</p>
				</div>
			</div>
		<!-- 订阅按钮  -->
			<!--<div class="subscription"></div>-->
					<div class="handover">
						<div class="handover_left">
							<p id="result">赛况</p>
						</div>
						<div class="handover_right">
							<p id="news">新闻</p>
						</div>
					</div>	
		<!--  handover  -->
			<div class="center" id="wrapper">
				<div class="isc" id="scroller">
			
					
					<!--  content  -->
					<div class="content">
						<p class="first">2016NBA&nbsp;&nbsp;火箭&nbsp;VS&nbsp;76人</p>
						<p class="second">4&nbsp;月&nbsp;15&nbsp;日&nbsp;&nbsp;&nbsp;9:00</p>
					</div>
					<!--  图标  ico-->
					<div class="ico">
						<ul class="ul_top">
							<li class="ico_1"></li>
							<li class="ico_2"></li>
							<li class="ico_3"></li>
						</ul>
						<ul class="ul_bottom">
							<li class="ico_4">火箭</li>
							<li class="ico_5">未开始</li>
							<li class="ico_6">76人</li>
						</ul>
					</div>
					<!--  球队排名  -->
					<div class="rank">
						<p>球队排名</p>
					</div>
					<!--  表格    -->
					<div class="table_box">
						<table width="" height="" border="边框" cellspacing="0">
							<tr>
								<td class="td_1">1</td>
								<td class="td_2"></td>
			
							</tr>
							<tr>
								<td class="td_1">2</td>
								<td class="td_2"></td>
							
							</tr>
							<tr>
								<td class="td_1">3</td>
								<td class="td_2"></td>
							</tr>
						</table>
					</div>
					<div class="table_box">
						<table width="" height="" border="边框" cellspacing="0">
							<tr>
								<td class="td_1">1</td>
								<td class="td_2"></td>
			
							</tr>
							<tr>
								<td class="td_1">2</td>
								<td class="td_2"></td>
							
							</tr>
							<tr>
								<td class="td_1">3</td>
								<td class="td_2"></td>
							</tr>
						</table>
					</div>
					<div class="table_box">
						<table width="" height="" border="边框" cellspacing="0">
							<tr>
								<td class="td_1">1</td>
								<td class="td_2"></td>
			
							</tr>
							<tr>
								<td class="td_1">2</td>
								<td class="td_2"></td>
							
							</tr>
							<tr>
								<td class="td_1">3</td>
								<td class="td_2"></td>
							</tr>
						</table>
					</div>
				</div>
			</div>
		
			<!-- 尾部foot -->
			<div class="footer">
				<script type="text/javascript">
					$(".footer").load("common-foot.html");
				</script>
			</div>
	</body>
     
		<script type="text/javascript" src="../js/rem.js" ></script>
		<script type="text/javascript" src="../js/iscroll.js" ></script>
		<script type="text/javascript" src="../js/watch_games.js" ></script>
		<script type="text/javascript" src="../js/spin.js" ></script>
		<script>
			var myscroll;
			function loaded(){
				myscroll = new iScroll("wrapper",{
					scrollY:true,
					vScroll:true,
					useTransition:true,
					onScrollMove:function(){
						$(".top").click(function(){
							
							myscroll.scrollToElement(document.querySelector('.content'),500);
							$(".isc").css({"transform":"translate(0px,0px)"})
						});
					}
				});
			}
//			document.addEventListener("touchmove",function(e){e.preventDefault()},false);
			document.addEventListener("DOMContentLoaded",loaded,false);

		</script>
</html>
